.live-btns{width: 100%; height: 52px; display: flex; flex-direction: row; align-items: center;}
.live-btns button{margin-right: 15px;}
.live-info{display: flex; flex-direction: row; justify-content: space-between; margin-top: 10px;}
.info-left{width: calc(50% - 8px);}
.info-right{width: calc(50% - 8px);}
.info-title{color: #333; margin: 5px 0px 10px 0px; font-weight: bold;}
.info-player{min-height: 350px; min-width: 600px; border-radius: 10px; background-color: #130911; padding: 10px;}
.input-copy{display: flex; flex-direction: row; align-items: center; margin-top: 15px;}
.input-copy span{display: block; width: 90px; color: #333; font-weight: bold;}
.input-copy span,.input-copy input{margin-right: 5px;}
.input-copy input{background-color: #eee; border-radius: 5px;}
.input-copy input:hover,.input-copy input:focus{border: 1px solid #d9d9d9!important; box-shadow: none;}
.message-menu{line-height: 24px;}
.message-box{height: 446px; margin-top: 10px; position: relative; padding-bottom: 10px; overflow-y: auto; color: #333; border-radius: 10px; border: 1px solid #ddd; background-color: #eee;}
.meesage-list{height: 100%; overflow-y: auto; position: relative;}
.list-title{border-bottom: 1px solid #ddd; background-color: #eee; line-height: 36px; padding: 0px 5px; position: sticky ; z-index: 100; left: 0px; top: 0px;}
.list-content{background-color: #ddd; margin: 5px 5px 0px 5px; border-radius: 5px; line-height: 32px;}
.list-content>div{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-chat{display: flex; flex-direction: row; position: sticky;}
.list-chat>div.message-forbid{width: 40px; height: 100%; text-align: center; position: absolute; right: 0px; top: 0px; z-index: 10; background-color: #ccc; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.list-chat>div.message-forbid>a>img{width: 20px;}
.list-chat>div:nth-child(1){width: 40px;}
.list-chat>div:nth-child(2){width: 110px;}
.list-chat>div:nth-child(3){width: calc(100% - 270px);}
.list-chat>div:nth-child(4){width: 120px;}
.message-send{background-color: #eee; width: 100%; margin-top: 5px; border-top: 1px solid #ddd; display: flex; flex-direction: row; justify-content: space-between; padding: 5px 10px 5px 10px; position: absolute ; z-index: 100; left: 0px; bottom: 0px;}
.message-send>button{margin-left: 10px; padding: 0px 11px; height: 24px; line-height: 22px;}
.message-send>input{background-color: rgba(0, 0, 0, 0); border-width: 0px; padding: 0px; height: 24px; line-height: 24px;}
.message-send>input:focus,.message-send>input:hover{border-width: 0px!important; box-shadow: none;}
.list-user{display: flex; flex-direction: row;}
.list-user>div:nth-child(1){width: 40px;}
.list-user>div:nth-child(2){width: calc(50% - 110px);}
.list-user>div:nth-child(3){width: calc(50% - 110px);}
.list-user>div:nth-child(4){width: 130px;}
.list-user>div:nth-child(5){width: 50px;}
.list-user-leave{display: flex; flex-direction: row;}
.list-user-leave>div:nth-child(1){width: 40px;}
.list-user-leave>div:nth-child(2){width: calc(50% - 150px);}
.list-user-leave>div:nth-child(3){width: calc(50% - 150px);}
.list-user-leave>div:nth-child(4){width: 130px;}
.list-user-leave>div:nth-child(5){width: 130px;}
.forbid-speech{display: flex; flex-direction: row; flex-wrap: wrap;}
.forbid-speech>div{background-color: #ddd; height: 33px; padding: 5px 10px; border-radius: 5px; margin: 10px 0px 0px 10px;}
.forbid-speech>div>a{margin-left: 10px;}
.forbid-speech>div>a>img{width: 20px;}

::ng-deep .ant-upload.ant-upload-select-picture-card{display: block; float: none; margin: 0px; border-width: 0px; width: 200px; height: auto;}
::ng-deep .ant-upload.ant-upload-select-picture-card > .ant-upload{padding: 0px;}

.live-address{color: #333;}
.live-address > div{margin-bottom: 10px;}
.live-address > div > div:first-child{text-align: right; line-height: 32px;}
.live-address > div.row-tips{margin-bottom: 10px;}
.live-address input,.live-address textarea{background-color: #eee; border-radius: 5px;}
.live-address input:hover,.live-address textarea:hover,.live-address input:focus,.live-address textarea:focus{border: 1px solid #d9d9d9!important; box-shadow: none;}
.live-info-time{border: 2px solid #25295d; border-radius: 10px; background-color: #eee; line-height: 48px; padding: 0px 20px; text-align: center; font-weight: bold; font-size: 16px;}

.history-table{margin: 15px 0px; min-height: 350px; border: 1px solid #ddd; background-color: #eee; border-radius: 10px;}
::ng-deep .history-table .ant-table{background: none;}
::ng-deep .history-table .ant-table th{background:  none; border-bottom: 1px solid #ddd; padding: 10px 0px;}
::ng-deep .history-table .ant-table tbody{padding: 5px;}
::ng-deep .history-table .ant-table tbody tr{margin-top: 5px;}
::ng-deep .history-table .ant-table td{background: #ddd; padding: 5px 0px;}

.template-list{width: 784px; height: 500px; padding: 20px 0px 0px 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; overflow-y: auto;}
.template-item{width: 170px; height: 220px; border-radius: 10px; margin: 0px 20px 20px 0px; background-color: #eee; border: 1px solid #ddd;}


.content-menu{line-height: 24px;}
.content-menu .ant-menu-item, .ant-menu-submenu-title{padding: 0px 10px;}
.content-menu .ant-menu-item a{color: #333;}
.content-menu .ant-menu-item a:hover{color: #333;}
.content-mod{margin: 15px 0px;}
.content-mod a{color: #333;}
.content-edit{min-height: 350px;}
.watch-input>div{margin-bottom: 5px; color: #393f99;}
.watch-input>input{width: 350px; background-color: #fff; border: 1px solid #ccc; color: #ccc;}

::ng-deep .ck-editor__editable_inline{
    height: 260px; border-left: 1px solid #c4c4c4!important; border-right: 1px solid #c4c4c4!important; border-bottom: 1px solid #c4c4c4!important;
}

.item-bind{display: flex; flex-direction: column;}
.item-bind>div:nth-child(1){color: #333; text-align: center; margin-top: 10px;}
.item-bind>div:nth-child(2){color: #22265b; font-weight: bold; text-align: center;}
.item-bind>div:nth-child(3){color: #666; font-size: 18px; font-weight: bold; text-align: center; margin-top: 20px;}
.item-wait-bind{display: flex; height: 100%; flex-direction: column; justify-content: space-between;}
.item-wait-bind>div:first-child>div:nth-child(1){color: #333; text-align: center; margin-top: 10px;}
.item-wait-bind>div:first-child>div:nth-child(2){color: #22265b; font-weight: bold; text-align: center;}
.item-wait-bind>div:last-child{padding:10px;}
.item-wait-bind>div:last-child>button{width: 100%;}

.consumption-detail>span{margin-right: 10px;}
.consumption-detail>span>label{margin-right: 10px; color: #ff0000;}

.url-list{
    flex: 1;
    .url{
        display: flex;
        align-items: center;
        margin-bottom: 6px;
        span{
            font-weight:100;
        }
    }
}